<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="telephone=no" name="format-detection" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>我的优惠券</title>
<link type="text/css" rel="stylesheet" href="css/index.css">
  <script src="js/vue.js"></script>
  <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<div id="el">
<div class="huiyuan_box color_1 fl">
  <div class="content">
    <div class="mp_renqi mp_renqi2">
      <div class=" mp_zzz_items bo_db"> <a href="JavaScript:;" class=" cur item">可用优惠券</a> </div>
      <ul>
        <li v-for="cu in cupon">
          <a href="youhuijuan_xq.html" class="youhui ov_hd" >
            <div class="pic left_f" v-if="cu.cupon_status==1">
              <p class="da2">￥<span v-text="cu.cupon_money"></span></p>
              <p class="da3"><span v-text="cu.cupon_content"></span></p>
            </div>
            <div class="pic2 left_f" v-else>
              <p class="da2">￥<span v-text="cu.cupon_money"></span></p>
              <p class="da3"><span v-text="cu.cupon_content"></span></p>
            </div>
            <div class="tiit right_f">
              <p class="da2"><span v-text="cu.cupon_name"></span></p>
              <p class="da3"><span v-text="cu.cupon_gettime"></span></p>
            </div>
          </a>
        </li>

      </ul>
    </div>
    
  </div>
  <div class="page"></div>
</div>
</div>
<div class="bottom_center_box">
  <ul>
    <li><a href="/"><img src="images/sc_index_bottom_r1_c15.jpg" /><span>会员</span></a></li>
    <li><a href="liquanbao.html"><img src="images/sc_index_bottom_r1_c6.jpg" /><span>礼券包</span></a></li>
    <li><a href="shangcheng.html"><img src="images/sc_index_bottom_r1_c1.jpg" /><span> 购物商城</span></a></li>
    <li><a href="jifen.html"><img src="images/sc_index_bottom_r1_c16.jpg" /><span>积分商城</span></a></li>
  </ul>
</div>
</div>

<script type="text/javascript">
  var a=new Vue({
    el:"#el",
    data:{
      cupon:[

      ]
    },
    created:function(){
      this.queryUserCupon2();
    },
    methods:{
      queryUserCupon2:function(){
        var _this=this;
        $.ajax({
          url:"/weixin/user/queryUserCupon2",
          data:{},
          dataType:"json",
          Type:"get",
          success:function (data) {
            // alert(data.li[0].cupon_name);
            for(var i = 0;i < data.li.length;i++){
              _this.cupon.push(data.li[i]);
            }
            // alert(_this.cupon[0].cupon_content);
            // alert(_this.cupon[1].cupon_content);
          }
        })
      },

    },

  })
</script>

</body></html>